window.onload = function(){

    var ali = document.querySelectorAll('#outer li');
    // 表示当前需要显示的li的索引
    var index = 0;

    setInterval(autoMove,2000);

    // 通过记录上一个索引
    var lastindex = 0;
    function autoMove(){
        index ++;
        if(index == ali.length){
            index = 0;
        }
        console.log('lastindex1 = ' + lastindex);
        console.log('index = ' + index);
        // 把上一个li标签的类名置空
        ali[lastindex].className ='';
        // 然后给下一个li标签添加类名，显示下一张图片 
        ali[index].className = 'active';
        
        // 记录上一个所显示的索引值
        lastindex = index;
        console.log('lastindex2 = ' + lastindex);
    }

}